<template>
	<view class="bigbox">
		<view class="title">
			<view class=""></view>
			<view class="">会员中心</view>
			<view class="" @click="settings">
				<uni-icons custom-prefix="iconfont" type="icon-shezhi"
					style="color: #fff; font-size: 40rpx; margin-right: 30rpx; float: right" size="30"></uni-icons>
			</view>
		</view>

		<view class="user">
			<image src="/static/image/yonghu.png" @click="resident" mode=""></image>
			<view class="pohoh">
				13522566762

				<image src="/static/image/renghzheng.png" style="width: 120rpx;height: 45rpx; margin-top: 10rpx;"
					mode=""></image>
			</view>
		</view>

		<view class="icon">
			<view class="box" @click="house">
				<view class="">
					<uni-icons custom-prefix="iconfont" type="icon-fangwufangchan"
						style="color: white; font-size: 50rpx" size="30"></uni-icons>
				</view>
				<span>我的房屋</span>
			</view>
			<view class="box" @click="car">
				<view class="" style="background-color: #15bc84">
					<uni-icons custom-prefix="iconfont" type="icon-qichemeirong" style="color: white; font-size: 50rpx"
						size="30"></uni-icons>
				</view>
				<span>我的车辆</span>
			</view>
			<view class="box" @click="livingpayment">
				<view class="" style="background-color: #fc953f">
					<uni-icons custom-prefix="iconfont" type="icon-wodejiaofei" style="color: white; font-size: 50rpx"
						size="30"></uni-icons>
				</view>
				<span>我的缴费</span>
			</view>
			<view class="box" @click="family">
				<view class="" style="background-color: #3096f8">
					<uni-icons custom-prefix="iconfont" type="icon-jiatingchengyuanxinxi"
						style="color: white; font-size: 50rpx" size="30"></uni-icons>
				</view>
				<span>家庭成员</span>
			</view>
		</view>

		<view class="branch">
			<view class="branchBox" @click="repairsrecord">
				<span>
					<uni-icons custom-prefix="iconfont" type="icon-tubiao_baoxiujilu"
						style="color: darkgray; font-size: 40rpx" size="30"></uni-icons>
					<span>报修记录</span>
				</span>
				<span class="right">
					<uni-icons custom-prefix="iconfont" type="icon-youjiantou" style="color: darkgray; font-size: 40rpx"
						size="30"></uni-icons>
				</span>
			</view>
			<view class="branchBox" @click="feedback">
				<span>
					<uni-icons custom-prefix="iconfont" type="icon-xiaoxi2" style="color: darkgray; font-size: 40rpx"
						size="30"></uni-icons>
					<span>反馈记录</span>
				</span>
				<span class="right">
					<uni-icons custom-prefix="iconfont" type="icon-youjiantou" style="color: darkgray; font-size: 40rpx"
						size="30"></uni-icons>
				</span>
			</view>
			<view class="branchBox">
				<span>
					<uni-icons custom-prefix="iconfont" type="icon-zhanghaoshezhi"
						style="color: darkgray; font-size: 40rpx" size="30"></uni-icons>
					<span>联系物业</span>
				</span>
				<span class="right">
					<uni-icons custom-prefix="iconfont" type="icon-youjiantou" style="color: darkgray; font-size: 40rpx"
						size="30"></uni-icons>
				</span>
			</view>

			<view class="branchBox" @click="settings">
				<span>
					<uni-icons custom-prefix="iconfont" type="icon-dianhua" style="color: darkgray; font-size: 40rpx"
						size="30"></uni-icons>
					<span>账号设置</span>
				</span>
				<span class="right">
					<uni-icons custom-prefix="iconfont" type="icon-youjiantou" style="color:darkgray; font-size: 40rpx"
						size="30"></uni-icons>
				</span>
			</view>
			<view class="branchBox" @click="about">
				<span>
					<uni-icons custom-prefix="iconfont" type="icon-biaoqing" style="color: darkgray; font-size: 40rpx"
						size="30"></uni-icons>
					<span>关于我们</span>
				</span>
				<span class="right">
					<uni-icons custom-prefix="iconfont" type="icon-youjiantou" style="color: darkgray; font-size: 40rpx"
						size="30"></uni-icons>
				</span>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		methods: {

			livingpayment() {
				uni.navigateTo({
					url: '/pages/pagesbusiness/liferecord/liferecord'
				})
			},


			repairsrecord() {
				uni.navigateTo({
					url: '/pages/pagesbusiness/repairsrecord/repairsrecord'
				})
			},


			feedback() {
				uni.navigateTo({
					url: '/pages/pagesbusiness/feedback/feedback'
				})
			},







			settings() {
				uni.navigateTo({
					url: '/pages/pagesmember/member/settings'
				})
			},
			about() {
				uni.navigateTo({
					url: '/pages/pagesmember/member/about'
				})
			},
			car() {
				uni.navigateTo({
					url: '/pages/pagesmember/member/car'
				})
			},
			house() {
				uni.navigateTo({
					url: '/pages/pagesmember/member/house'
				})
			},
			resident() {
				uni.navigateTo({
					url: '/pages/pagesmember/member/resident'
				})
			},
			family() {
				uni.navigateTo({
					url: '/pages/pagesmember/member/family'
				})
			},

		}
	};
</script>

<style lang="less" scoped>
	@import url(../../../static/less/pages/membercentre/membercentre.less);
</style>